<template>
  <div class="generalSelect">
    <div style="height: 600px">
  <el-table
      :data="tableData"
      height="600"
      border
      style="width: 300px"
      @row-click="getDetails" >
    <el-table-column
        prop="name"
        label="项目">
    </el-table-column>
  </el-table>
    </div>
    <div>
      <h1>{{id}}</h1>
    </div>

  </div>
</template>

<script>
export default {
  name: 'GeneralProject',
  data() {
    return {
      id:0,
      tableData: [],

    }
  },
  methods: {
    getDetails(row) {
      this.id=row.id,
      console.log(this.id)
    }
  }
}
</script>
<style>
.generalSelect{
  display: flex;
  justify-content: flex-start;
}
</style>